﻿<!doctype html>
<html class="no-js" lang="en">

<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Home</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- favicon
============================================ -->		
<link rel="shortcut icon" type="__TEMPLATE__/image/x-icon" href="__TEMPLATE__/img/favicon.png">

<!-- All css files are included here. -->
<!-- Bootstrap framework main css -->
<link rel="stylesheet" href="__TEMPLATE__/css/bootstrap.min.css">
<!-- This core.css file contents all plugings css file. -->
<link rel="stylesheet" href="__TEMPLATE__/css/core.css">
<!-- Theme shortcodes/elements style -->
<link rel="stylesheet" href="__TEMPLATE__/css/shortcode/shortcodes.css">
<!-- Theme main style -->
<link rel="stylesheet" href="__TEMPLATE__/style.css">
<!-- Responsive css -->
<link rel="stylesheet" href="__TEMPLATE__/css/responsive.css">
<!-- User style -->
<link rel="stylesheet" href="__TEMPLATE__/css/custom.css">

<!--CSS引用-->
{block name="css"}{/block}

<!-- Modernizr JS -->
<script src="__TEMPLATE__/js/vendor/modernizr-2.8.3.min.js"></script>
</head>

<body>
<!--[if lt IE 8]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="__TEMPLATE__/http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]-->  
<!-- header start -->
<header class="header-pos">
	<div class="header-area header-middle">
		<div class="container-fluid">
			<div class="row">
				<div class="col-md-2 col-sm-3 col-xs-12">
					<div class="logo">
						<a href="__TEMPLATE__/index.html"><img src="__TEMPLATE__/img/logo/logo.jpg" alt="" /></a>
					</div>
				</div>
				<div class="col-md-10 col-sm-9 col-xs-12 text-right xs-center">
					<div class="main-menu display-inline hidden-sm hidden-xs">
						<nav>
							<ul>
								<li><a href="__TEMPLATE__/index.html">Home</a>
								</li>
								<li><a href="__TEMPLATE__/shop.html">Sofa</a></li>
								<li><a href="__TEMPLATE__/#">Elements</a></li>
								<li><a href="__TEMPLATE__/shop.html">Lighting</a></li>
								<li><a href="__TEMPLATE__/#">Pages</a></li>
								<li><a href="__TEMPLATE__/#">What's New</a></li>
							</ul>
						</nav>
					</div>
					<div class="search-block-top display-inline">
						<div class="icon-search"></div>
						<div class="toogle-content">
							<form action="#" id="searchbox">
								<input type="text" placeholder="Search" />
								<button class="button-search"></button>
							</form>
						</div> 
					</div>
					<div class="shopping-cart ml-20 display-inline">
						<a href="__TEMPLATE__/cart.html"><b>shopping cart</b>(2)</a>
						<ul>
							<li>
								<div class="cart-img">
									<a href="__TEMPLATE__/#"><img src="__TEMPLATE__/img/cart/1.jpg" alt="" /></a>
								</div>
								<div class="cart-content">
									<h3><a href="__TEMPLATE__/#"> 1 X Faded...</a> </h3>
									<span><b>S, Orange</b></span>
									<span class="cart-price">£ 16.84</span>
								</div>
								<div class="cart-del">
									<i class="fa fa-times-circle"></i>
								</div>
							</li>
							<li>
								<div class="cart-img">
									<a href="__TEMPLATE__/#"><img src="__TEMPLATE__/img/cart/1.jpg" alt="" /></a>
								</div>
								<div class="cart-content">
									<h3><a href="__TEMPLATE__/#"> 1 X Faded...</a> </h3>
									<span><b>S, Orange</b></span>
									<span class="cart-price">£ 16.84</span>
								</div>
								<div class="cart-del">
									<i class="fa fa-times-circle"></i>
								</div>
							</li>
							<li>
								<div class="shipping"> 
									<span class="f-left">Shipping </span>
									<span class="f-right cart-price"> $7.00</span>  
								</div>
								<hr class="shipping-border" />
								<div class="shipping">
									<span class="f-left"> Total </span>
									<span class="f-right cart-price">$692.00</span> 
								</div>
							</li>
							<li class="checkout m-0"><a href="__TEMPLATE__/#">checkout <i class="fa fa-angle-right"></i></a></li>
						</ul>							
					</div>
					<!-- 我的商城 -->
					<div class="setting-menu display-inline">
						<div class="icon-nav current"></div>
						<ul class="content-nav toogle-content">
							<li class="currencies-block-top">
								<div class="current">欢迎 <b>{$Think.session.user_name}</b></div>
								<ul>
									<li><a href="__STATIC__/pages-home/index.html">首页模板</a></li>
									<li><a href="__STATIC__/pages-home/product-details.html">商品模板</a></li>

								{if condition="$Think.session.user_id"}
									<li><a href="{:url('home/login/logout')}">我的商城</a></li>
									<li><a href="{:url('home/login/logout')}">我的收藏</a></li>
									<li><a href="{:url('home/login/logout')}">登出</a></li>
								{else/}
									<li><a href="{:url('home/register/index')}">注册</a></li>
									<li><a href="{:url('home/login/index')}">登陆</a></li>
									<li><a href="{:url('admin/index/index')}">进入后台</a></li>
								{/if}
								</ul>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="mobile-menu-area visible-sm visible-xs">
		<div class="container-fluid">
			<div class="row">
				<div class="col-md-12">
					<div class="mobile-menu">
						<nav id="mobile-menu-active">
							<ul>
								<li><a href="__TEMPLATE__/#">Home</a></li>
								<li><a href="__TEMPLATE__/shop.html">Sofa</a></li>
								<li><a href="__TEMPLATE__/#">Elements</a></li>
								<li><a href="__TEMPLATE__/shop.html">Lighting</a></li>
								<li><a href="__TEMPLATE__/#">Pages</a></li>
								<li><a href="__TEMPLATE__/#">What's New</a></li>
							</ul>
						</nav>							
					</div>
				</div>
			</div>
		</div>
	</div>
</header>
<!-- header end -->

{block name="body"}{/block}

<!-- brand-area start -->
<div class="brand-area">
	<div class="container">
		<div class="brand-sep ptb-50">
			<div class="row">
				<div class="brand-active">
					<div class="col-lg-12">
						<div class="single-brand">
							<a href="__TEMPLATE__/#"><img src="__TEMPLATE__/img/brand/1.jpg" alt="" /></a>
						</div>
					</div>
					<div class="col-lg-12">
						<div class="single-brand">
							<a href="__TEMPLATE__/#"><img src="__TEMPLATE__/img/brand/2.jpg" alt="" /></a>
						</div>
					</div>
					<div class="col-lg-12">
						<div class="single-brand">
							<a href="__TEMPLATE__/#"><img src="__TEMPLATE__/img/brand/3.jpg" alt="" /></a>
						</div>
					</div>
					<div class="col-lg-12">
						<div class="single-brand">
							<a href="__TEMPLATE__/#"><img src="__TEMPLATE__/img/brand/4.jpg" alt="" /></a>
						</div>
					</div>
					<div class="col-lg-12">
						<div class="single-brand">
							<a href="__TEMPLATE__/#"><img src="__TEMPLATE__/img/brand/5.jpg" alt="" /></a>
						</div>
					</div>
					<div class="col-lg-12">
						<div class="single-brand">
							<a href="__TEMPLATE__/#"><img src="__TEMPLATE__/img/brand/1.jpg" alt="" /></a>
						</div>
					</div>
					<div class="col-lg-12">
						<div class="single-brand">
							<a href="__TEMPLATE__/#"><img src="__TEMPLATE__/img/brand/2.jpg" alt="" /></a>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<!-- brand-area end -->
<!-- service-area start -->
<div class="service-area pt-70 pb-40 gray-bg">
	<div class="container">
		<div class="row">
			<div class="col-md-3 col-sm-6">
				<div class="single-service mb-30">
					<div class="service-icon">
						<i class="pe-7s-world"></i>
					</div>
					<div class="service-title">
						<h3>FREE SHIPPING</h3>
						<p>Free shipping on all UK orders</p>
					</div>
				</div>
			</div>
			<div class="col-md-3 col-sm-6">
				<div class="single-service mb-30">
					<div class="service-icon">
						<i class="pe-7s-refresh"></i>
					</div>
					<div class="service-title">
						<h3>FREE EXCHANGE</h3>
						<p>30 days return on all items</p>
					</div>
				</div>
			</div>
			<div class="col-md-3 col-sm-6">
				<div class="single-service mb-30 sm-mrg">
					<div class="service-icon">
						<i class="pe-7s-headphones"></i>
					</div>
					<div class="service-title">
						<h3>PREMIUM SUPPORT</h3>
						<p>We support online 24 hours a day</p>
					</div>
				</div>
			</div>
			<div class="col-md-3 col-sm-6">
				<div class="single-service mb-30 xs-mrg sm-mrg">
					<div class="service-icon">
						<i class="pe-7s-gift"></i>
					</div>
					<div class="service-title">
						<h3>BLACK FRIDAY</h3>
						<p>Shocking discount on every friday</p>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<!-- service-area end -->


<!-- footer start -->
<footer class="black-bg">
	<div class="footer-top-area ptb-60">
		<div class="container">
			<div class="row">
				<div class="col-md-3 col-sm-4">
					<div class="footer-widget">
						<h3 class="footer-title">Contact info</h3>
						<div class="footer-contact">
							<ul>
								<li><em class="fa fa-map-marker"></em>8901 Marmora Road, Glasgow <span>D04 89 GR, New York</span></li>
								<li><em class="fa fa-phone"></em>Telephones: (+1) 866-540-3229 <span>Fax: (+1) 866-540-3229</span></li>
								<li><em class="fa fa-envelope-o"></em>Email: support@posthemes.com</li>
							</ul>
						</div>							
					</div>
				</div>
				<div class="col-md-2 col-sm-4">
					<div class="footer-widget">
						<h3 class="footer-title">My account</h3>
						<ul class="block-content">
							<li><a href="__TEMPLATE__/#">My orders</a></li>
							<li><a href="__TEMPLATE__/#">My credit slips</a></li>
							<li><a href="__TEMPLATE__/#">Sitemap</a></li>
							<li><a href="__TEMPLATE__/#">My addresses</a></li>
							<li><a href="__TEMPLATE__/#">My personal info</a></li>	
						</ul>							
					</div>					
				</div>
				<div class="col-md-2 col-sm-4">
					<div class="footer-widget">
						<h3 class="footer-title">Information</h3>
						<ul class="block-content">
							<li><a href="__TEMPLATE__/#">Contact us</a></li>
							<li><a href="__TEMPLATE__/#">Discount</a></li>
							<li><a href="__TEMPLATE__/#">Site map</a></li>
							<li><a href="__TEMPLATE__/#">About us</a></li>	
							<li><a href="__TEMPLATE__/#">Custom service</a></li>									
						</ul>							
					</div>					
				</div>
				<div class="col-md-2 col-sm-4 footer-sm">
					<div class="footer-widget">
						<h3 class="footer-title">OUR SERVICE</h3>
						<ul class="block-content">
							<li><a href="__TEMPLATE__/#">My orders</a></li>
							<li><a href="__TEMPLATE__/#">My credit slips</a></li>
							<li><a href="__TEMPLATE__/#">Sitemap</a></li>
							<li><a href="__TEMPLATE__/#">My addresses</a></li>
							<li><a href="__TEMPLATE__/#">My personal info</a></li>	
						</ul>							
					</div>					
				</div>
				<div class="col-md-3 col-sm-4 footer-sm">
					<div class="footer-widget">
						<h3 class="footer-title">OPENING TIME</h3>
						<div class="footer-time">
							<p><span class="ft-content"><span class="day">Monday - Friday</span><span class="time">9:00 - 22:00</span></span></p>
							<p><span class="ft-content"><span class="day">Saturday</span><span class="time">10:00 - 24:00</span></span></p>
							<p><span class="ft-content"><span class="day">Sunday</span><span class="time">12:00 - 24:00</span></span></p>
							<p><span class="ft-content"><span class="day">Thursday</span><span class="time">Free Shipping</span></span></p>
							<p><span class="ft-content"><span class="day">Friday</span><span class="time">sale of 30%</span></span></p>
						</div>							
					</div>					
				</div>
			</div>
		</div>
	</div>
	<!-- footer-bootom-area start -->
	<div class="footer-bootom-area ptb-15">
		<div class="container">
			<div class="row">
				<div class="col-md-6 col-sm-6 col-xs-12">
					<div class="copyright">
						<p>Copyright &copy; 2017.Company name All rights reserved.<a target="_blank" href="__TEMPLATE__/http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></p>
					</div>
				</div>
				<div class="col-md-6 col-sm-6 col-xs-12">
					<div class="payment">
						<img src="__TEMPLATE__/img/payment.png" alt="" />
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- footer-bootom-area end -->
</footer>
<!-- footer end -->


<!-- Modal -->
<div class="modal fade" id="productModal" tabindex="-1" role="dialog">
	<div class="modal-dialog" role="document">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">x</span></button>
			</div>
			<div class="modal-body">
				<div class="modal-img">
					<a href="__TEMPLATE__/shop.html"><img src="__TEMPLATE__/img/product/1.jpg" alt="" /></a>
				</div>
				<div class="modal-pro-content">
					<h3><a href="__TEMPLATE__/#">Phasellus Vel Hendrerit</a></h3>
					<div class="pro-rating">
						<i class="fa fa-star"></i>
						<i class="fa fa-star"></i>
						<i class="fa fa-star"></i>
						<i class="fa fa-star"></i>
						<i class="fa fa-star-o"></i>
					</div>
					<span>(2 customer reviews)</span>
					<div class="price">
						<span>$70.00</span>
						<span class="old">$80.11</span>
					</div>
					<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet.</p>	
					<form action="#">
						<input type="number" value="1" />
						<button>Add to cart</button>
					</form>
					<div class="product_meta">
						<span class="posted_in">Categories: <a rel="tag" href="__TEMPLATE__/#">Albums</a>, <a rel="tag" href="__TEMPLATE__/#">Music</a></span> <span class="tagged_as">Tags: <a rel="tag" href="__TEMPLATE__/#">Albums</a>, <a rel="tag" href="__TEMPLATE__/#">Music</a></span> 
					</div>
					<div class="social">
						<a href="__TEMPLATE__/#"><i class="fa fa-facebook"></i></a>
						<a href="__TEMPLATE__/#"><i class="fa fa-twitter"></i></a>
						<a href="__TEMPLATE__/#"><i class="fa fa-google-plus"></i></a>
						<a href="__TEMPLATE__/#"><i class="fa fa-instagram"></i></a>
						<a href="__TEMPLATE__/#"><i class="fa fa-pinterest"></i></a>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<!-- Modal end -->



<!-- jquery latest version -->
<script src="__TEMPLATE__/js/vendor/jquery-1.12.0.min.js"></script>
<!-- Bootstrap framework js -->
<script src="__TEMPLATE__/js/bootstrap.min.js"></script>
<!-- ajax-mail js -->
<script src="__TEMPLATE__/js/ajax-mail.js"></script>
<!-- owl.carousel js -->
<script src="__TEMPLATE__/js/owl.carousel.min.js"></script>
<!-- jquery.nivo.slider js -->
<script src="__TEMPLATE__/js/jquery.nivo.slider.pack.js"></script>
<!-- All js plugins included in this file. -->
<script src="__TEMPLATE__/js/plugins.js"></script>
<!-- Main js file that contents all jQuery plugins activation. -->
<script src="__TEMPLATE__/js/main.js"></script>

<script type="text/javascript">
  var STATIC = '__STATIC__';
  var VERSION = '1.00beta';
  window.UEDITOR_HOME_URL = "/static/plugins/ueditor/1.4.3/";
</script>
<!--require Js -->
<script src="__STATIC__/require/require.config.js"></script>
<script src="__STATIC__/require/require.js"></script>
<script src="__STATIC__/functions.js"></script>


{block name="js"}{/block}
<!--页面JS脚本-->
{block name="script"}{/block}

</body>
</html>
